/**
 * 站点公共CSS
**/

:root {
  --blue: #009ff1;
  --darkblue:#093361;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #E2211C;
  --orange: #E77717;
  --yellow: #ffc107;
  --green: #01946e;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1D5595;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #e86f00;
  --danger: #E2211C;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@font-face
{
font-family: opensans;
src: url(../css/fonts/opensans.ttf); 
}

body {font-size: 16px; background-color: #f7f7f7; color: #444; font-family: 'Microsoft YaHei', 'Microsoft YaHei UI',Arial, sans-serif,'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica;}
input {font-family: 'Microsoft YaHei', 'Microsoft YaHei UI',Arial, sans-serif,'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica; }
body,
h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,ol,ul,li {margin: 0;padding: 0;list-style: none;font-family:  'Microsoft YaHei', 'Microsoft YaHei UI',Arial, sans-serif,'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica;}
input.form-control:focus,
textarea.form-control:focus {outline: none;box-shadow: none;border-color: #ced4da;}
img {border: 0px;outline: none;-webkit-tap-highlight-color: transparent; }

a{color:var(--gray-dark);text-decoration: none}
a:hover {color: var(--green);text-decoration: none}

.row {--bs-gutter-x: 2.5rem !important;}
.fl {float: left !important;}
.fr {float: right !important;}
.clear {clear: both !important;}
.br5 {border-radius: 5px !important;}
.br10 {border-radius: 10px !important;}
.bgf {background-color: #ffffff;}
.m-t10 {margin-top: 10px !important;}
.m-t24 {margin-top: 24px !important;}
.m-t30 {margin-top: 30px !important;}
.m-t40 {margin-top: 40px !important;}
.m-t50 {margin-top: 50px !important;}
.p-t30 {padding-top: 30px !important;}
.p-t50 {padding-top: 50px !important;}
.p-t80 {padding-top: 80px !important;}
.p-tb20 {padding-top: 20px !important;padding-bottom: 20px !important;}
.p-tb50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.p-tb80 {padding-top: 80px !important;padding-bottom: 80px !important;}
.p-b20 {padding-bottom: 20px !important;}
.p-b30 {padding-bottom: 30px !important;}
.p-b50 {padding-bottom: 50px !important;}
.p-b100 {padding-bottom: 100px !important;}
.p-tb70 {padding-top: 70px !important;padding-bottom: 70px !important;}
.p-tb90 {padding-top: 90px !important;padding-bottom: 90px !important;}
.p-tb100 {padding-top: 100px !important;padding-bottom: 100px !important;}
.overflow {display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.overflow2 {display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.align {display: flex;justify-content: center;align-items: center;}
.text-right {text-align: right;}
.h50 {height: 50px;}
.h100 {height: 100px;}
.img {max-width: 100%;display: block;overflow: hidden;border: 0;outline: none;-webkit-tap-highlight-color: transparent; }
.btn {background-color: var(--green);color: #fff;font-size: 16px;outline: none;}
.btn:hover {background-color: var(--teal);color: #fff;}
.bg-warning {background-color: var(--warning) !important;}
.hide {display:none;}
.hand{cursor:pointer;}
.page-link{color:#767278;}
.page-item.active .page-link{background-color:var(--green);border-color:var(--green);}
.page-link:hover {color:var(--green);}
.tags a{white-space:nowrap; background-color: #F5F5F5;display: inline-block; padding: 3px 15px; font-size: 14px; margin-top: 10px;}
.tags a:hover { color: #FFFFFF; background-color: var(--green);}
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-pagination-bullet-active {background-color: var(--green) !important;}
/*弹窗样式*/
.item2 {padding: 15px;background: #FFFFFF;display: none;position: relative;left: 50%;top: 50%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);border-radius: 10px;}
.item-close {cursor: pointer;right: 20px;top: 20px;position: absolute;background: url('../images/close.png') no-repeat center center;background-size: 18px 18px;height: 18px;width: 18px;}

/*文字内容基础样式*/
.content{ line-height:200%;padding-top: 50px; padding-bottom: 50px;}
.content h3 {margin-bottom: 1.5em; font-size: 20px; line-height: 30px; color:#000000; font-weight: 600;}
.content p{ margin-bottom:1em;}
.content img {max-width: 100%;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;width: 100%;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;font-size: 14px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;font-size: 14px;}
.content blockquote{margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;}

.content2 {padding-top: 30px !important;}
.content2 p{ margin-bottom:5px;}
.content2 img {width: 100%;}
.content2 table p {margin-bottom: 0px !important;}
.content2 h2 {margin-bottom: 30px;}

/*顶部*/
.header {position: relative;z-index: 999;top: 0px;left: 0px;width: 100%;height: 100px;background-color: #fff;}
.logo img {height: 46px;margin-top: 27px;display: block;overflow: hidden;transition: all 0.3s;}
.top-search {margin:0 50px 0 28px;height: 100px;line-height: 100px;cursor: pointer;font-size: 18px;position: relative;transition: all 0.3s;}
.btn-toptel {border-radius: 25px;margin-top: 30px;font-weight: bold;background-color:var(--green);}
.btn-toptel a {color: #fff;}
.btn-searchbg {display: block; width: 24px;height: 24px;background: url('../images/search.png') no-repeat center center;margin-top: 38px;}
.search-box {border-radius: 0px !important;position: fixed;z-index: 2200;width: 100%;box-sizing: border-box;top: 0px !important;left: 0px !important;}
.search-form {position: relative;}
.search-form .form-control.inp {width: 100%;box-sizing: border-box;border-radius: 3px;padding: 0 0 0 40px;font-size: 14px;height: 40px;}
.search-form .fa {position: absolute;left: 15px;top: 10px;font-size: 20px;color: #999;}
.search-tag {margin-top: 20px;}
.search-tag p {color: #999;font-size: 14px;}
.search-tag a {padding: 3px 10px;border-radius: 2px;transition: all 0.3s;background-color: #fafafa;border: 1px solid #f5f5f5;font-size: 14px;margin: 10px 10px 0 0;display: inline-block;}
.search-tag a:hover {background-color: var(--green);color: #FFFFFF;border-color: var(--green);}
.header.on {border-bottom: rgba(255, 255, 255, .7) solid 1px;position: fixed;background: none;}
.header.show {transition: ease-in-out 0.3s;background-color: #ffffff;box-shadow: 0 0 20px rgb(0 0 0 / 10%);position: fixed;}

/*主导航*/
.nav .m {position: relative;display: block;float: left;}
.nav {height: 100px;}
.nav h3 {font-size: 100%;font-weight: normal;text-align: center;height: 100px;line-height: 100px;margin: 0px;overflow: hidden;position: relative;transition: all 0.3s;}
.nav h3 a {display: inline-block;vertical-align: top;font-size: 16px;margin: 0 28px;}
.nav .active h3 a,.header.on .nav .active h3 a,.header.show .nav .active h3 a {color: var(--green);position: relative;font-weight: bold;}
.nav .active h3 a::before {display: block;content: "";position: absolute;width: 100%;height: 2px;background-color: var(--green);left: 0;bottom: 0;}
.nav .sub {padding:10px 0;display: none;box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1);position: absolute;z-index: 999;left: -30px;width: 180px;top: 100px;background: #fff;border-radius: 0 0 10px 10px;overflow: hidden;}
.nav .sub li {text-align: center;}
.nav .sub li a {display: block;position: relative;color: #333;transition: all 0.3s;font-size: 15px;padding: 8px 10px;}
.nav .sub li:last-of-type a {border: 0px;}
.nav .sub li a:hover {color: #fff;background-color: var(--green);}
#m11 .sub {left: -12px;}

/*项目标题*/
.home-name {font-size: 40px;color: #222;font-weight: 600;}
.home-name p {font-size: 15px;color: #666;font-weight: normal;padding-top: 10px;}
.page-name h3 {font-size: 32px;padding-bottom: 40px;font-weight: bold;color: #333333;position: relative;}
.page-name h3 b {display: block;background-color: var(--green);width: 125px;height: 3px;position: absolute;left: 0;bottom: 0;}
.page-name2 h3 {font-size: 32px;color: #222;font-weight: bold;}
.page-name2 h5 {border-left: 3px solid var(--green);padding-left: 20px;}
.news-name2 {border-bottom: 1px solid #ddd;padding-bottom: 30px;color: #999;} 
.news-name2 h1 {font-size: 32px;padding-bottom: 20px;font-weight: bold;color: #333333;}
.color-f,.color-f p {color: #fff;}

/*首页轮播图*/
.inbanner .mobile-img {display: none;}

/*内页开始*/
.bannerall {position: relative;color: #fff;z-index: 0;clear: both;background: no-repeat center center;background-size: cover;overflow: hidden;}
.bannerall::after {content: "";background: url('../images/wenli.png') center;display: block;width: 100%;height: 100%;position: absolute;z-index: 0;left: 0;top: 0;}
.bannerall img {width: 100%;}
.bannerall .container {position: absolute;z-index: 3;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.bannerall p {font-size: 22px;margin-bottom: 10px;display: block;}
.bannerall h3 {font-size: 48px;}
.banner-video {height: 600px;}
.bannerall video {position: absolute;top: 50%;left: 50%;z-index: 1;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bannerall .a-mask {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, .2) url('../images/mbl.png') repeat top left;}
.breadcrumb {background: none !important;font-size: 16px;padding: 20px 0;}
.bread-line {border-bottom: 1px solid #ddd;}

/*联系我们*/
.contact-book .inp {background-color: #fff;border-radius: 0px;border: 0px;font-size: 14px;padding: 12px 10px;height: auto;}
.contact-book label {font-size: 16px;margin-top: 20px;color: #000;padding-bottom: 10px;}
.message-btn {margin-top: 30px;width: 100%;height: 60px;font-size: 18px;font-weight: bold;}
.contact-map {height: 500px;}
.content-left {line-height: 30px;margin-top: 20px;}
.content-left p {margin-bottom: 10px;}
.content-left b {color: #000000;}

.contact-tab {width:100%;background-color: #f7f7f7; }
.contact-tab .hd{ height:70px; line-height:70px; background:#eee; position:relative; }
.contact-tab .hd ul{ float:left; position:absolute; left:30px; top:0px;}
.contact-tab .hd ul li{ float:left; padding:0 20px; cursor:pointer;font-weight: bold;}
.contact-tab .hd ul li.on{ height:70px;  background:#f7f7f7;border-top: 3px solid var(--green);}
.contact-tab .bd ul{ padding:30px; zoom:1;box-sizing: border-box;height: 430px;}
.contact-tab .bd ul p {margin-bottom: 10px;}
.contact-tab .bd ul img {width: 120px;margin-top: 20px;}
.contact-tab .bd ul b {color: #000;}

/*底部*/
.footer {background-color: #242933;font-size: 14px;color: #999;padding-top: 80px;}
.footer ul,.footer ol {list-style: none;margin-left: 0;padding-left: 0;}
.footer ul li,.footer ol li {line-height: 200%;}
.footer ul li:last-of-type {padding-right: 0px;}
.footnav-sub {display: flex;}
.footnav-sub ul li {float: left;padding-right: 120px;}
.footnav-sub2 {line-height: 28px;}
.footnav-sub h4,.footnav-sub2 h4 {font-size: 16px;padding-bottom: 18px;color: #FFFFFF;}
.footnav-sub h4 a {color: #FFFFFF;}
.footnav-sub p,
.footnav-sub p a {margin-bottom: 0px;color: #999;}
.footnav-sub a:hover,.f-links ul li a:hover {color: var(--green);}

.f-links {border-top: 1px solid rgba(0, 0, 0, .1);border-bottom: 1px solid rgba(0, 0, 0, .1);padding: 10px 0;line-height: 24px;}
.f-links ul li {padding: 10px 0;}
.f-links ul li a {margin-right: 15px;}
.f-links a {color: #999;}
.copyright {padding: 20px 0;background-color: #171B22;}
.copyright a {color: var(--green);}
.foot-qkwx li {float: left;width: 100px;margin-top: 30px;margin-right: 20px;position: relative;z-index: 100;}
.foot-qkwx li .text {display: none;position: absolute;background-color: #fff;border-radius: 8px;padding: 10px;width: 130px;}
.foot-qkwx li .text img {width: 100%;}
.foot-qkwx li:hover .text {display: block;}

.btn-contact2 {position: relative;margin-top: 50px;padding: 15px 70px 15px 30px;font-size: 16px !important;}
.btn-contact2 span {display: block;width: 35px;height: 35px;background: url(../images/btn6.png) no-repeat center center;background-size: cover; position: absolute;right: 25px;top: 10px;}
.btn-contact2 a {color: #fff;}

.foot-logo p {text-align: center;}
.foot-logo .wximg {width: 140px;margin: 20px 0;}

/*浮动图标*/
.floating_ck {position: fixed;right: 10px;top: 50%;transform: translateY(-50%);z-index: 999;}
.floating_ck dl dd {position: relative;width: 50px;height: 50px;border-radius: 10px;margin-bottom: 2px;background-size: 50%;background-color: #646577;text-align: center;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.floating_ck dl dd:hover {background-color: var(--green);}
.floating_ck dl dd:hover .floating_left {display: block;}
.consult,.words {background-image: url(../images/zxicon.png);}
.quote {background-image: url(../images/kficon.png);}
.qrcord {background-image: url(../images/erweima.png);}
.return {background-image: url(../images/fanhui.png);}
.floating_ck dd span {color: #fff;display: block;padding-top: 54px;}
.floating_left {position: absolute;left: -170px;top: 0px;width: 160px;height: 80px;background-color: #fff;box-shadow: 0 0 4px 0 rgb(0 0 0 / 8%);display: none;}
.floating_left a {color: #fff;line-height: 80px;}
.floating_ewm {height: 240px;top: -190px;border-radius: 10px;}
.floating_ewm i {display: block;width: 145px;height: 145px;margin: auto;margin-top: 7px;}
.floating_ewm p {margin-top: 5px;}
.floating_ewm .qrcord_p01 {font-size: 12px;line-height: 20px;}
.floating_ewm .qrcord_p02 {font-size: 15px;}
.toTop {color: #fff;font-size: 20px;top: 10px;position: relative;}

/*筛选列表*/
.filter {background-color: #fff;border-radius: 10px;padding: 30px 30px 20px 30px;font-size: 14px;}
.filter .active{font-weight:bold;background-color:var(--green);color: #fff;}
.filter ul li:first-of-type {border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 10px;}
.filter ul li b,.filter ul li span {display: block;}
.filter ul li b {width: 90px;float: left;color: #222;}
.filter ul li span {padding-left: 90px;}
.filter ul li span a {display: inline-block;margin-right: 10px;margin-bottom: 10px;padding: 2px 5px;}

/*产品分类*/
.cate-nav {padding: 30px;}
.cate-nav h3 {font-size: 24px;font-weight: bold;color: #222;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;}
.cate-nav ul li {padding: 5px 0;}
.cate-nav ul li a {display: block;}
.cate-nav ul li i {float: right;font-size: 14px;color: #999;transition: all 0.3s;font-weight: bold;}
.cate-nav ul li:hover i,.cate-nav ul li.active a,.cate-nav ul li.active i {color: var(--green);}

/*关于我们分类*/
.cate-nav2 ul li {float: left;margin-right: 30px;}
.cate-nav2 ul li a {text-align: center;height: 46px;line-height: 46px;border-radius: 23px;padding: 0 30px; background-color: #eee;display: block;}
.cate-nav2 ul li.active a {background-color: var(--green);color: #fff;}

/*产品列表*/
.product-left {padding-right: 30px;}
.item-product {box-sizing: border-box;transition: all 0.3s;}
.item-product .pic {overflow: hidden;border-radius: 10px;padding: 20px;background-color: #fff;transition: all 0.3s;}
.item-product .text {padding:25px 10px 0 10px;font-size: 14px;}
.item-product .text h3 {font-size: 18px;font-weight: bold;}
.item-product .text p {padding-top: 10px;}
.item-product:hover h3 a {color:var(--green);}
.item-product:hover .pic {box-shadow: 0 12px 25px rgb(0 0 0 / 17%);}

/*产品详情页*/
.product-note {margin-top: 50px;line-height: 30px;padding-left: 40px;}
.product-note h1 {color: #222;font-size: 34px;padding-bottom: 10px;font-weight: bold;}
.product-note img {max-width: 100%;}
.product-main {border-bottom: 1px solid #eee;margin-bottom: 50px;}
.pr-right {padding-left: 110px;}
.page-contact {padding:40px 30px;}
.page-contact h3 {font-weight: bold;font-size: 24px;line-height: 35px;padding-bottom: 10px;}
.page-contact p {padding-top: 10px;}
.pro-btn a {font-weight: bold;padding: 17px 60px;margin-right: 50px;}
.pro-video {width: 100%;border: 10px solid #000;border-radius: 5px;}

/*产品详情页轮播*/
.swiper-about .swiper-slide {background-color: #FFFFFF;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.swiper-about .swiper-slide img {width: 100% !important;}
.gallery-top {width: 100%;padding: 0px;box-sizing: border-box;}
.gallery-thumbs {height: 130px;box-sizing: border-box;padding: 20px 0 10px 0;}
.gallery-thumbs .swiper-slide {width: 25%;cursor: pointer;height: 100%;opacity: 0.9;transition: all 0.3s;position: relative;}
.gallery-thumbs .swiper-slide::before {position: absolute;display: block;content: "";width: 100%;height: 100%;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-slide-thumb-active::before {position: absolute;border: 2px solid var(--green);}

/*内页推荐产品*/
.item-hotpr {padding-bottom: 30px;}
.hot-product .hot-product-nav.swiper-pagination-bullets {bottom: 0px !important;}
.item-hotpr p {font-size: 14px;padding-top: 10px;text-align: center;}
.post-110 {position: sticky;top: 120px;}
.price-box {background-color: #f7f7f7; border-radius: 0px !important;position: fixed;z-index: 2200;width: 100%;box-sizing: border-box;top: 0px !important;left: 0px !important;}

/*手机弹出导航菜单*/
.menu-box2 {position: fixed;z-index: 3000;top: 0px;left: auto;bottom: 0px;right: 0px;padding: 0px;width: 80%;height: 100%;background-color: #FFFFFF;border-radius: 0px;box-sizing: border-box;}
.-popup-opened .menu-header {position: fixed;z-index: 2;width: 100%;top: 0px;left: 0px;padding: 10px 15px;box-sizing: border-box;background-color: #FFFFFF;}
.head_nav {overflow-y: scroll;height: 100%;padding: 0 0 20px 0;box-sizing: border-box;position: relative;z-index: 1;}
.header.on .btn-menu {background-image: url('../images/fa-menu-on.png');}
.btn-menu {background: url('../images/fa-menu.png') no-repeat center center;background-size: 36px 26px;display: none;width: 36px;height: 26px;margin-top: 26px;margin-left: 15px;transition: all 0.3s;}
.header.on.show .btn-menu { background-image: url('../images/fa-menu.png');}
.account-l {background-color: #FFFFFF;border-radius: 10px;margin-top: 15px;padding: 0 15px;}
.mobilenav .link {cursor: pointer;display: block;padding: 15px;color: #4D4D4D;font-size: 16px;border-bottom: 1px solid #EEEEEE;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.mobilenav li {cursor: pointer;}
.mobilenav li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}
.mobilenav li i.fr-down {right: 12px;left: auto;color: #999999;}
.mobilenav li.open .link,.mobilenav li.open .link a {color: var(--green);}
.mobilenav li.open i {color: var(--green);}
.mobilenav li.open i.fr-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu {display: none;font-size: 14px;padding: 15px 0;border-bottom: 1px #EEEEEE solid;}
.submenu a {display: block;text-decoration: none;color: #666;height: 36px;line-height: 36px;font-size: 15px;padding-left: 15px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover,
.submenu li.current a {background: var(--green);color: #FFF;}
.submenu p a {font-size: 13px;padding-left: 30px;line-height: 30px;}

/*新闻列表*/
.news-list {padding: 30px 30px 0 30px;position: relative;z-index: 10;}
.news-list .pic img {border-radius: 10px;}
.news-list .text h3 {font-size: 18px;font-weight: bold; text-transform: uppercase;letter-spacing: 1px;margin-top: 15px;margin-bottom: 20px;}
.news-list .text .note {margin-bottom: 20px;}
.news-list .text .date {color: #999;}
.news-listbg {height: 1px;width: 100%;background-color: #f7f7f7;margin-top: 30px;}

/*首页样式开始*/
.item-xtjc .pic {height: 300px;overflow: hidden;position: relative;background-color: #eee;}
.item-xtjc .pic img {opacity: 0;transition: all 0.3s;width: 100%;}
.item-xtjc .text {position: absolute;top: 0;left: 0;width: 100%;box-sizing: border-box;padding: 50px;}
.item-xtjc .text h3 {font-weight: bold;font-size: 24px;padding-bottom: 20px;}
.item-xtjc .text .note {display: -webkit-box;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;line-height: 30px;color: #666;}
.item-xtjc .text .bi {font-size: 30px;transition: all 0.3s;}
.item-xtjc:hover a,.item-xtjc:hover .text .note {color: #fff;}
.item-xtjc:hover .pic img {opacity: 1;}
.item-xtjc:hover .text {background: rgba(0, 0, 0, .5);}
.item-xtjc:hover .text .bi {margin-left: 42%;}

/*推荐产品滑动选项卡*/
.homedegree { overflow: inherit !important;width: 720px;margin: 20px auto !important;}
.homedegree .swiper-slide {cursor: pointer;background-color: #eee;text-align: center;height: 46px;line-height: 46px;border-radius: 23px;}
.homedegree .swiper-slide-thumb-active {background-color: var(--green);color: #fff;}
.homedegree2 {margin-left: -12px;margin-right: -12px;}
.home-product {width: 20%;float: left;padding: 0 12px;box-sizing: border-box;margin-top: 24px;}
.home-product .text h3 {font-size: 16px;font-weight: normal;}
.home-product .text p {color: #888;}
.home-product:hover .pic {box-shadow: 0 5px 15px rgb(0 0 0 / 17%);}

/*首页品牌*/
.home-brand .swiper-wrapper{height: 190px;padding-bottom: 130px;}
.home-brand-nav {position: relative;bottom: 80px;width: 120px;margin: 0 auto;}
.home-brand .swiper-button-next, .home-brand .swiper-button-prev {opacity: 1;padding: 25px !important;border-radius: 100%;}
.home-brand .swiper-button-disabled {opacity: 0.5;}
.home-brand .swiper-slide {text-align: center;background: #fff;border-radius: 10px;height: calc((100% - 15px) / 2);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }

/*首页服务*/
.service-tab {width:100%; }
.service-tab .hd{ background:#fff; position:relative; box-shadow: 0 20px 20px rgb(0,0,0,0.05);overflow: hidden; }
.service-tab .hd ul{text-align: center; }
.service-tab .hd ul li{padding:0 80px 30px 80px; cursor:pointer;display: inline-block;text-align: center;position: relative;}
.service-tab .hd ul li:before {display: block;content: "";position: absolute;z-index: 1;left: 0;bottom: 0;width: 0;height: 4px;background-color: var(--green);transition: all 0.3s;}
.service-tab .hd ul li img {width: 60px;height: 60px;}
.service-tab .hd ul li p {padding-top: 10px;}
.service-tab .hd ul li.on{ color: var(--green);font-weight: bold;}
.service-tab .hd ul li.on:before {width: 100%;}
.service-tab .bd ul{ padding:60px 0 90px 0; zoom:1;box-sizing: border-box;overflow: hidden;}
.service-tab .service-text {padding: 30px 40px;position: relative;height: 100%;box-sizing: border-box;}
.service-tab .service-text h4 {font-size: 26px;line-height: 36px;color: #222;padding-bottom: 8px;font-weight: bold;}
.service-tab .service-text h5 {font-size: 16px;font-weight: 400;color: #666;}
.service-tab .service-text .small-divider {height: 10px;position: relative;margin-top: 30px;}
.service-tab .service-text .small-divider::before,.service-tab .service-text .small-divider::after {display: block;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #ddd;width: 6px;height: 6px;}
.service-tab .service-text .small-divider::after {width: 40px;height: 1px;}
.service-tab .service-text .note {font-size: 14px;}
.service-tab .service-text .note p {padding-top: 30px;}

/*优势数字*/
.num-content {padding: 0 100px;text-align: center;position: relative;z-index: 2;color: #fff;}
.num-add {color: var(--green);position: absolute;top: -5px;}
.num-item {text-align: center;position: relative;display: block;float: left;width: 20%;border-left: 1px #ddd solid;}
.num-item:first-of-type {border-left: 0px;}
.num-nub {font-size: 50px;line-height: 50px;font-weight: bold;color: var(--green);padding-right: 5px;}
.num-inf {position: relative;padding-top: 10px;margin-top: 10px;}
.num-inf::before {display: block;content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%); width: 30px;height: 2px;background-color: var(--green);}

/*首页简介*/
.home-about-note {line-height: 30px;}
.home-about-note h3 {font-size: 40px;padding-bottom: 40px;font-weight: bold;color: #222;}
.home-about-note p {margin-bottom: 5px;}

/*首页新闻*/
.item-news {margin-top: 40px;}
.item-news .pic img {transition: all 0.3s;}
.item-news .text {padding-top: 20px;color: #999;font-size: 15px;}
.item-news .text h3 {font-size: 18px;color: #222;margin-bottom: 10px;}
.item-news:hover .pic img {box-shadow: 0 12px 25px rgb(0 0 0 / 17%);}
.item-news:hover .text h3 {color: var(--green);font-weight: bold;}
.btn-news {margin: 0;float: right;}

/*历程图片*/
.lc-list li {background-color:#fff;width:50%;float:left;margin-bottom:20px;}
.lc-list li h3 {padding-bottom:10px;font-size:18px;font-weight:bold;}
.lc-list .pic,.lc-list .text {width:50%;float:left;font-size:15px;}
.lc-list .text {padding:30px 20px 0 20px;float:right;}
/*.lc-list li:nth-child(even) .pic {float:right !important;}*/
/*.lc-list li:nth-child(even) .text {float:left !important;}*/